<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
		<title>淘气包中西文俱乐部</title>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/share2.css" />
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style type="text/css">
		.content::-webkit-scrollbar {
			display: none;
		}
		
		[v-cloak] {
			display: none;
		}
	</style>

	<body>
		<div class="main">
			<img src="img/32@2x.png" v-if="course_type == 3 || course_type == 4 || course_type == 9 || course_type == 6" width="100%" height="100%" class="background" />
			<img src="img/35@2x.png" v-if="course_type == 8 || course_type == 5 || course_type == 2 || course_type == 7 || course_type == 1" width="100%" height="100%" class="background" />
			<div class="content" id="content" v-cloak>
				<div class="content_top" v-cloak>
					<p>{{lists.sentencec}}</p>
					<p>{{lists.sentence}}</p>
				</div>
				<div>
					<div class="middle">
						<div class="middle_top">
							<div>
								<img :src="lists.head_img" />
							</div>
							<p class="aa">
								<label>{{lists.nick_name}}</label>在《淘气包中西文俱乐部》 闯关成功，答对{{lists.success}}题，答错{{lists.fail}}题
								<span v-if="paper_id == 1 && lists.success <= '3'">推荐您去YCT4</span>
								<span v-if="paper_id == 1 && lists.success <= '5' && lists.success > '3'">推荐您去YCT1</span>
								<span v-if="paper_id == 1 && lists.success <= '10' && lists.success > '5'">推荐您去YCT2</span>
								<span v-if="paper_id == 1 && lists.success <= '20' && lists.success > '10'">推荐您去YCT3和HSK2</span>
								<span v-if="paper_id == 1 && lists.success <= '25' && lists.success > '25'">推荐您去HSK3</span>
							</p>
						</div>

						<div class="middle_bottom">
							<div>
								<p>打卡次数</p>
								<span>{{lists.num}}次</span>
							</div>
							<div>
								<p>学习时长</p>
								<span>{{lists.time}}</span>
							</div>
							<div>
								<img src="img/33@2x.png" />
							</div>
						</div>
					</div>
					<div class="content_bottom">
						<div>
							<img src="img/tq.png" style="width: 7rem;2.15rem;margin-left: 0.5rem;" />
							<span>长按识别二维码<img src="img/34@2x.png" alt="" /></span>
						</div>
						<div>
							<img src="img/qrcode_for_gh_e3bb76af33fd_344.jpg" alt="" />
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jweixin-1.4.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		//		getOpenId();
		var data = {
			paper_id: decodeURI(GetQueryString('paper_id')),
			course_type: decodeURI(GetQueryString('course_type')),
			lists: {
				nick_name: decodeURI(GetQueryString('nick_name')),
				success: decodeURI(GetQueryString('success')),
				time: decodeURI(GetQueryString('time')),
				head_img: decodeURI(GetQueryString('head_img')),
				sentence: decodeURI(GetQueryString('sentence')),
				sentencec: decodeURI(GetQueryString('sentencec')),
				fail: decodeURI(GetQueryString('fail')),
				num: decodeURI(GetQueryString('num')),
			}, //获取数据
		}
		var app = new Vue({
			el: '#content',
			data: data,
			methods: {
				init() {
					var self = this;
				}
			}
		});
		app.init()
	</script>

</html>